<html> 
<head> 
<title>zoquibooks login</title> 
<style type="> 
body {  font-family: sans-serif;  background: #ffffff;}
#main { margin: 2% 2%;  padding: 5px;  background: #ffffff}
div { padding: 5px;}
#loginform {width: 300px;  background-color: #bcd;  border: 2px solid #9ab;}
#preamble {text-align: center;}
#buttons { margin-left: 90px;}
#loginform label { padding-top: 4px;  width: 90px;  float: left;  display: block;}
#submit { margin-left: 90px;  display: block;}
#submit-button {float: left;}
#spinner { float: right;  margin-right: 15px;  position: relative;  top: 3px;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" ></script>
<script type="text/javascript"> 
	$(document).ready(function() {
		$("#openid")[0].focus();
	});
</script>
</head>
<body> 
<form id="form" method="post" action="/lso"> 
<div id="loginform"> 
  <div id="preamble"> 
  Sign in with your<br/> 
  <b>Email Address:</b> 
  </div> 
  <div id="email-div"> 
    <label for="openid">Email: </label> 
    <input type="text" id="openid" name="openid" size="20" /> 
  </div> 
  <div id="submit"> 
    <input id="submit-button" type="submit" value="Login"/> 
    <img id="spinner" src="ajax-loader.gif" style="display: none;" /> 
  </div> 
  <div style="clear:both;"></div> 
</div> 
</form> 
</body> 
</html> 